<template>
  <div class="additions">
    <span v-for="addition in additions" :key="addition.path">
       <router-link  class="addition"  :to="addition.path">
            {{addition.meta.title}}
       </router-link>
    </span>
  </div>

</template>

<script>
import { LoginRouter } from '@/views/home/router/index.js'

export default {
  name: 'Addition',
  data () {
    return {
      additions: LoginRouter
    }
  }
}
</script>

<style lang="stylus" scoped>
.additions
  display: flex
  margin: 0px 25px
  span
    display: block
    margin 0px 5px;
    .addition
      color: #9E9E9E;
    .addition:hover
      color #4caf50
</style>
